<template>
	<!-- <div class="enroll">
		<Statusbar></Statusbar>
		<div class="oll">
			<h1>
				注册
			</h1>
			<div>
				<el-form :model="user" ref="user" :rules="rules">
					<el-form-item prop="account">
						<el-input type="text" v-model="user.account" placeholder="输入你注册的账号"></el-input>
					</el-form-item>
					<el-form-item prop="name">
						<el-input type="text" v-model="user.name" placeholder="输入你注册的昵称"></el-input>
					</el-form-item>
					<el-form-item prop="phone">
						<el-input type="text" v-model="user.phone" placeholder="请输入注册手机号码"></el-input>
					</el-form-item>

					<el-form-item prop="pwd1">
						<el-input type="password" v-model="user.pwd1" placeholder="请输入密码,5位纯数字"
							autocomplete="off"></el-input>
					</el-form-item>
					<el-form-item prop="pwd2">
						<el-input type="password" v-model="user.pwd2" placeholder="确定密码" autocomplete="off"></el-input>
					</el-form-item>
					<el-form-item>
						<el-checkbox v-model="user.checked">是否同意本系统服务条款</el-checkbox>
					</el-form-item>
					<el-form-item>
						<el-button type="primary" @click="formName('user')" :disabled='!user.checked'>注册</el-button>
						<router-link to='/login'>
							<el-link type="info" :underline="false">去登录</el-link>
						</router-link>
					</el-form-item>
				</el-form>
			</div>
		</div>
	</div> -->
</template>

<script>
	// import Statusbar from '@/components/pc/default/Statusbar.vue'

	// export default {
	// 	name: 'Register',
	// 	components: {
	// 		Statusbar
	// 	},
	// 	data() {

	// 		let checkaccount = (rule, value, callback) => { //账号邮箱
	// 			if (value == ' ') {
	// 				callback(new Error('账号不能为空'));
	// 			} else if (value.length < 3) {
	// 				callback(new Error('账号不能少于3位数'));
	// 			} else {
	// 				callback()
	// 			}
	// 		}
	// 		let checkPwd1 = (rule, value, callback) => { //第一次密码
	// 			if (value == '') {
	// 				callback(new Error('密码不能为空'));
	// 			} else if (value.length <= 4) {
	// 				callback(new Error('密码不能少于5位数'));
	// 			} else {
	// 				callback()
	// 			}
	// 		}
	// 		var checkPwd2 = (rule, value, callback) => { //第二次密码
	// 			if (value == '') {
	// 				callback(new Error('请再次输入密码'));
	// 			} else if (value != this.user.pwd1) {
	// 				callback(new Error('两次输入密码不一致!'));
	// 			} else {
	// 				callback();
	// 			}
	// 		};
	// 		return {
	// 			user: {
	// 				pwd1: '',
	// 				pwd2: '',
	// 			}, //登录用户信息
	// 			rules: {
	// 				account: [{
	// 					required: true,
	// 					validator: checkaccount, //邮箱验证
	// 					trigger: 'blur'
	// 				}],
	// 				name: [{
	// 					required: true,
	// 					message: '用户名不能为空',
	// 					trigger: 'blur'
	// 				}],
	// 				phone: [{ //手机号码验证
	// 					required: true,
	// 					message: '手机号不能为空',
	// 					trigger: 'blur',
	// 				}, ],

	// 				pwd1: [{
	// 					required: true,
	// 					validator: checkPwd1, //邮箱验证
	// 					trigger: 'blur',
	// 				}],
	// 				pwd2: [{
	// 					required: true,
	// 					validator: checkPwd2, //密码验证
	// 					trigger: 'blur',
	// 				}],
	// 			}
	// 		}

	// 	},

	// 	methods: {
	// 		formName(formName) {
	// 			this.$refs[formName].validate((valid) => {
	// 				console.log(valid);
	// 				if (valid) {
	// 						this.$router.push({ //登录成功转跳
	// 							path: '/login'
	// 						})
	// 					} else {
	// 						this.$message({
	// 							message: '注册失败',
	// 							type: 'error'
	// 						})
	// 					}
					
	// 			})
	// 		},
	// 	}
	// }
</script>

<style scoped>
	h1 {
		color: #008c8d;
		text-align: center;
		/* 登录据中 */
	}

	.el-form {
		margin: 0 auto;
		width: 90%;
	}

	.el-link {
		margin-left: 50px;
	}

	.el-button:focus,
	.el-button:hover {
		/* 按钮点击时或抬起时 */
		background-color: #008c8d
	}

	.el-button--primary.is-disabled,
	.el-button--primary.is-disabled:active,
	.el-button--primary.is-disabled:focus,
	.el-button--primary.is-disabled:hover {
		background-color: #a9a9a9
	}

	.el-button {
		/* 按钮 */
		width: 60%;
		background-colo: #008c8d
	}

	.oll {
		border: 3px solid #008c8d;
		margin: 5% auto;
		/* div剧中 */
		width: 40%;
		border-radius: 5px;
	}
</style>